//点击切换
// //登录盒子切换
// $('.login a').on('click', function () {
//   $('.login').hide().next().show()
// })
// //注册盒子切换
// $('.register a').on('click', function () {
//   $('.login').show().next().hide()
// })
//切换盒子
$('.box a').on('click', function () {
  $(this).parents('.box').hide().siblings('.box').show()
})

let layer = layui.layer

//注册功能
// 表单添加事件 ==> 阻止默认行为 ==> 收集数据 ==> Ajax提交
$('.register form').on('submit', function (e) {
  e.preventDefault()
  //收集表单数据(要检查input的name属性值,是否跟接口文档一致)
  let data = $(this).serialize()
  // console.log(data)
  $.ajax({
    type: 'POST',
    url: '/api/reguser',
    data: data,
    success: function (res) {
      //提示无论成功还是失败 
      layer.msg(res.message) // message提示
      //成功(清空输入框,跳转到登录)
      if (res.status === 0) {
        $('.register form')[0].reset()//清空输入框 reset重置
        $('.login').show().next().hide()//切换
      }
    }
  })
})

// 自定义验证规则
// 加载 form模块
let form = layui.form
// 调用 form.verify() 方法扩展验证规则
form.verify({
  // 值验证的写法: 有两种写法,一种是数组,一种是函数
  // 1.数组写法
  // 规则名称:['正则表达式','验证不通过时提示]
  user: [/^\w{2,10}$/, '用户必须是2~10位'], // \w表示数字字母下划线
  pass: [/^\S{6,10}$/, '密码必须是6~12位'], //\S 非空白字符串

  // 2.函数写法
  same: function (abc) {
    //形参,表示使用该验证码的输入框的值
    if ($('.pwd').val() !== abc) {
      return '两次密码不一致'
    }
  }
})

// 登录功能
// 表单添加事件 ==> 阻止默认行为 ==> 收集数据 ==> Ajax提交
$('.login form').on('submit', function (e) {
  e.preventDefault()
  $.ajax({
    type: 'POST',
    url: '/api/login',
    data: $(this).serialize(),
    success: function (res) {
      // 登录成功提示
      if (res.status === 0) {
        layer.msg(res.message, {
          time: 2000 //2秒关闭（如果不配置，默认是3秒）
        }, function () {
          //do something
          localStorage.setItem('token', res.token)
          location.href = "./index.html"; //跳转到index.html
        });
      } else {
        layer.msg(res.message)
      }
    }
  })
})

